$(function () {
    //商品分类一栏淡入淡出
    $("body > div.index_content > div.landscape_navigation > div > div").hover(
        function () {
            $(
                "body > div.index_content > div.landscape_navigation > div > div > ul"
            )
                .stop()
                .fadeToggle();
        }
    );

    //数量加减
    //先把单价取出来 后面乘以数量
    let price_one = $("div.price_area > div > span").html();
    $("div.btns > button:nth-child(1)").click(function () {
        let count = Number($("div.quantity > input[type=text]").val()) + 1;
        $("div.quantity > input[type=text]").val(count);

        //保留两位小数
        $("div.total_price > p").html((price_one * count).toFixed(2));
    });
    $("div.btns > button:nth-child(2)").click(function () {
        //如果数量等于一就不让他继续减下去
        if ($("div.quantity > input[type=text]").val() != 1) {
            let count = Number($("div.quantity > input[type=text]").val()) - 1;
            $("div.quantity > input[type=text]").val(count);

            $("div.total_price > p").html((price_one * count).toFixed(2));
        }
    });
    // 自己输入验证
    $("div.quantity > input[type=text]").blur(function () {
        let count = $(this).val();
        if (isNaN(count) || count.trim().length == 0 || parseInt(count) <= 0) {
            count = 1;
        }
        $(this).val(parseInt(count));
        $("div.total_price > p").html((price_one * count).toFixed(2));
    });

    // 添加购物车
    $(".add_cart").click(function () {
        // 发送ajax请求
        let count = $("div.quantity > input[type=text]").val()
        let sku_id = $(this).attr('id')
        let csrfmiddlewaretoken = $('div.img_detail > form > div > input[type=hidden]').val()
        $.post(
            "/cart/add",
            {'count':count,'sku_id':sku_id,'csrfmiddlewaretoken':csrfmiddlewaretoken},
            function (data) {
                if (data.res == 5) {
                    // 购物车动画
                    let top = $(".goal_cart_img").offset().top;
                    let left = $(".goal_cart_img").offset().left;
                    $(".add_cart_img").stop().animate(
                        { top: top, left: left, opacity: 1 },
                        "slow",
                        callback = function () {
                            $(".add_cart_img").css({
                                top: "656px",
                                left: "744px",
                                opacity: 0,
                            });
                        }
                    );
                    console.log(data.total_count)
                    $('body > div.search_mine > div.cart_mine > p').html(data.total_count)
                }
                else if (data.res == 4) {
                    let count = $('div.quantity > input[type=text]').attr('data-sku-stock')
                    alert('商品库存不足，该商品库存为：' + count)
                    // 修改为最大库存
                    $('div.quantity > input[type=text]').val(count)
                    // 计算总价格
                    $("div.total_price > p").html((price_one * count).toFixed(2));
                }
                else {
                    alert(data.errmsg)
                }
            }
        );
    });

    //购买按钮
    $('button.btn.btn-danger').click(function () {
        // 判断数量是否超过库存 如果超过那么改回库存数量
        let count = $('div.quantity > input[type=text]').attr('data-sku-stock')
        if (count==0) {
            alert('商品库存不足，该商品库存为：' + count)
            $(this).prop('type','button')
        } else if ($('div.quantity > input[type=text]').val() > count){
            alert('商品库存不足，该商品库存为：' + count)
            // 修改为最大库存
            $('div.quantity > input[type=text]').val(count)
            // 计算总价格
            $("div.total_price > p").html((price_one * count).toFixed(2));
            // 按钮属性修改
            $(this).prop('type','button')
        }
        else {
            // $(this).prop('type','submit')
            alert('这个功能没有开发，尽请期待！')
        }
    })

    //启动tab切换插件
    $("#tabs").tabulous({
        effect: "scale",
    });
});
